@charset "utf-8";
/* CSS Document */

body{ font-size:12px; color:#474747; background:#f6f6f6; font-family:'微软雅黑'; line-height:24px;}

a { color:#474747; font-size:12px; text-decoration:none; }

a:hover { text-decoration:none;}



/***************index css********************/
.top{ width:1240px; height:90px; margin:0 auto; overflow:visible; position:absolute; top:0; z-index:999; left:50%; margin-left:-620px;}
.nav-bg{ width:1240px; height:90px; float:left; background:url(../images/nav-bg.png) no-repeat; float:left; position:relative; overflow:visible}
.nav-bg .search{ position:absolute; z-index:999; width:194px; height:23px; top:20px; right:24px;}
.nav-bg .search .wbk{ width:176px; height:23px; background:url(../images/wbk.jpg) no-repeat; line-height:23px; text-indent:15px; color:#999;  font-family:'微软雅黑';}
.nav-bg .yy{ position:absolute; z-index:999; width:194px; height:16px; top:23px; right:230px;}
.nav-bg .yy p{ float:right; height:16px; line-height:16px; margin-left:12px;}
.nav-bg .yy p i{ float:left}
.nav-bg .yy p span{ float:left; margin-left:5px;}
.top .nav-pro{ float:right}
.logoo{ width:320px; height:90px; float:left;}


#nav{ width:auto; height:46px; float:right; overflow:visible; padding-top:44px;}
#nav ul{ }
#nav ul li.lim { float:left; display:inline; height:46px; width:150px; position:relative}
#nav ul li.lim a.lima{ width:119px; height:46px; display:block; margin-left:1px; text-align:center; line-height:46px; color:#333333; font-size:14px;}
#nav ul li.lim:hover a.lima{ background:#3d3d3d; color:#ffffff;}
#nav ul li.lim a.current{ background:#3d3d3d; color:#ffffff;}
#nav ul li.lim ul{ width:167px; height:auto; display:none; position:absolute; z-index:999; background:#2d2d2c; padding-top:5px; padding-bottom:5px; left:1px; top:46px;}
#nav ul li.lim ul li{ height:30px; width:167px;}
#nav ul li.lim ul li a{height:30px; width:167px; display:block; line-height:30px; text-indent:19px; color:#ffffff}
#nav ul li.lim ul li a:hover{ background:url(../images/xl-ico.png) 150px 11px no-repeat; color:#facd00}

.flash{ width:100%; height:100%; margin:0 auto;}
.flash img.tu{ width:100%;}
.flashn{ width:100%; position:relative}
.flashn img.tu{ width:100%;}
.ny-bt{ width:1240px; height:60px; position:absolute; z-index:999; left:50%; margin-left:-620px; bottom:0; background:url(../images/side-png.png); line-height:60px;}
.ny-bt .title{ width:234px; height:60px; line-height:60px; color:#fff; font-size:20px; text-indent:18px; font-weight:bold; float:left}
.ny-bt .title span{ text-transform:uppercase; color:#cccccc; font-size:14px; text-transform:uppercase; margin-left:5px; font-weight:normal}
.ny-bt .mbx{ float:left; margin-left:24px; font-size:12px; color:#ccc; background:url(../images/home-ico.png) 0 31px no-repeat; height:60px; line-height:73px; text-indent:21px;}
.ny-bt .mbx a{ color:#ccc; height:60px;}

/******************************** index *********************************/
.side1{ width:1240px; height:170px; position:absolute; z-index:999; left:50%; margin-left:-620px; bottom:47px;}
.side1 .box{ width:300px; height:170px; float:left; margin-left:170px; background:url(../images/side-png.png);}
.side1 .box i{ display:block; width:66px; height:72px; margin:0 auto; margin-top:17px; transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out;}
.side1 .box:hover i{transform:rotateY(360deg); -moz-transform:rotateY(360deg); -ms-transform:rotateY(360deg); -o-transform:rotateY(360deg); -webkit-transform:rotateY(360deg);  background:url(../images/pro-icoh.jpg) no-repeat}
.side1 .box .name{ height:20px; line-height:20px; text-align:center; margin-top:12px; color:#fff; font-size:14px;}
.side1 .box .xian{ width:57px; height:1px; background:#7b7c7d; margin:0 auto; margin-top:6px;}
.side1 .box .memo{ width:265px; height:22px; margin:0 auto; margin-top:4px; color:#aaaaaa; text-align:center; line-height:22px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

/****************************** ny *************************************/
.ny_left{ width:234px; height:auto; float:left; display:inline; background:#fff; border-bottom:4px solid #eaeaea; }
.ny_cpfl{ width:234px; height:auto;}
.left-fd{ position:fixed; z-index:999; left:0; top:0;}






.ny_side{ width:982px; height:auto; float:right; display:inline; margin-top:14px;}
.ny_side .title{height:84px; border-top:1px solid #ededed; border-bottom:1px solid #ededed;}
.ny_side .title .bt{ height:26px; margin-top:18px; line-height:26px; color:#474747; font-size:18px;}
.ny_side .title .memo{ height:22px; line-height:22px; color:#9e9e9e; color:#474747; font-size:16px;}
.ny_side .title .memo span{ color:#9e9e9e; font-size:16px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; margin-right:5px;}
.ny_side .txt{ width:982px; height:auto; margin-top:23px; min-height:450px;}


.pron  ul li{ position:relative; width:306px; height:256px; float:left; margin-left:10px; margin-right:10px; margin-bottom:26px; overflow:hidden}
.pron  ul li img{ width:300px; height:225px; display:block; margin-top:3px;}
.pron  ul li .name{ width:300px; height:28px; position:absolute; bottom:0; left:3px; text-align:center; line-height:28px; color:#777777; z-index:99;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pron  ul li:hover .name{ color:#fff}
.pron  ul li .xian-t{ width:0%; height:3px; background:#01a2ea; position:absolute; z-index:6; left:0; top:0;}
.pron  ul li .xian-l{ width:3px; height:0%; background:#01a2ea; position:absolute; z-index:6; left:0; top:0;}
.pron  ul li .xian-r{ width:3px; height:0%; background:#01a2ea; position:absolute; z-index:6; right:0; bottom:0;}
.pron  ul li .xian-b{ width:0%; height:28px; background:#01a2ea; position:absolute; z-index:6; right:0; bottom:0;}


.pronsd{ width:982px; height:auto; float:right;}
.pronsd .pronsd-top{ width:982px; height:auto;}
.pronsd .big{ width:419px; height:314px; float:left; border-bottom:2px solid #01a2ea; border-right:2px solid #e6e7e8; position:relative}
.pronsd .big .prev{  width:42px; height:42px; position:absolute; z-index:999; left:17px; top:140px; display:block; background:url(../images/prevBtnTo.png) no-repeat; cursor:pointer}
.pronsd .big .next{  width:42px; height:42px; position:absolute; z-index:999; right:17px; top:140px; display:block; background:url(../images/nextBtnTop.png) no-repeat;  cursor:pointer}
.pronsd .big #picBox{}
.pronsd .big ul li{ float:left; width:419px; height:314px;}
.pronsd .big ul li img.tu{ width:419px; height:314px;}

.pronsd .pronsd-top .memo{ width:485px; height:314px; float:left; margin-left:8px;}
.pronsd .cf{ position:absolute}
.pronsd .pronsd-top .memo .name{ height:36px; line-height:36px; color:#014099; font-size:16px;}
.pronsd .pronsd-top .memo .list{ width:286px; height:83px; margin-top:194px; overflow:hidden; position:relative}
.pronsd .pronsd-top .memo .list ul li{ width:91px; height:83px; float:left; margin-right:4px; cursor:pointer}
.pronsd .pronsd-top .memo .list ul li img{ width:91px; height:68px;}
.pronsd .nr{ width:982px; height:auto; margin-top:15px;}

.newsn{width:982px; height:auto; margin:0 auto;}
.newsn ul li{ width:322px; height:243px; float:left; background:#edecec; margin-left:4px; margin-bottom:14px;}
.newsn ul li .box{ width:310px; height:231px; margin:0 auto; margin-top:6px;}
.newsn ul li dl{ width:310px; height:231px; background:#ffffff; overflow:hidden }
.newsn ul li dl dt{ width:310px; height:141px;}
.newsn ul li dl dt img{ width:310px; height:141px;}
.newsn ul li dl dd{ width:290px; height:64px; margin:0 auto; margin-top:18px; overflow:hidden}
.newsn ul li dl dd .time{ width:42px; height:64px; float:left; font-family:Arial, Helvetica, sans-serif}
.newsn ul li dl dd .time span{ display:block; height:32px; width:42px; text-align:center; line-height:32px; color:#0f5fc9; font-size:30px; font-weight:bold; margin-top:8px;}
.newsn ul li dl dd .time em{ display:block; height:16px; width:42px; text-transform:uppercase; text-align:center; line-height:16px; color:#0f5fc9; font-size:12px;}
.newsn ul li dl dd .txt1{ width:235px; height:64px; float:right}
.newsn ul li dl dd .txt1 .name{ height:24px; line-height:24px; width:235px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#555555; font-size:14px;}
.newsn ul li dl dd .txt1 .memo{ width:235px; height:40px; line-height:20px; color:#999999; overflow:hidden}

.honor{ width:980px; height:auto; background:url(../images/honor-bg.jpg) repeat-y; padding-bottom:20px;}
.honor dl{ width:980px; height:auto; margin-top:8px; margin-bottom:5px; overflow:hidden; clear:both}
.honor dl dt{ width:137px; height:43px; float:left; background:url(../images/honor-bt.jpg) no-repeat; position:relative; overflow:visible; text-align:center; line-height:43px; color:#01a2ea; font-size:20px; font-family:Arial, Helvetica, sans-serif}
.honor dl dt i{ display:block; width:7px; height:7px; position:absolute; z-index:999; right:-26px; top:16px; background:#01a2ea; border-radius:3px;}
.honor dl dd{ width:590px; height:auto; float:left; margin-left:32px; border-bottom:1px solid #eaeaea}
.honor dl dd ul{ padding-top:10px; padding-bottom:10px;}
.honor dl dd ul li{ width:auto; height:42px; line-height:42px; color:#777777; text-indent:8px;}
.honor dl dd ul li a{ color:#777; height:42px; display:block}
.honor dl dd ul li a:hover{ color:#01a2ea; text-decoration:underline}

.feedback{ width:950px; height:auto; margin-left:15px; margin-top:6px;}
.feedback .red{ color:#ff0000;}
.feedback ul li{ width:auto; min-height:24px; margin-bottom:20px; clear:both; line-height:24px; color:#000}
.feedback ul li .name{ width:45px; height:24px; line-height:24px; text-align:right; float:left; color:#000000}
.feedback ul li .inp{ width:220px; height:22px; border:1px solid #979ea1; line-height:22px; text-indent:12px; margin-left:5px; float:left}
.feedback ul li .ts{ float:left; margin-left:10px; margin-right:65px;}
.feedback ul li .inp1{ width:465px;}
.feedback ul li .tex{ width:700px; height:105px; float:left; margin-left:5px;border:1px solid #979ea1; padding:10px; line-height:24px; text-indent:25px;}
.feedback ul li .btn{ width:127px; height:28px; background:#01a2ea; border:none; text-align:center; line-height:28px; color:#fff; font-size:12px; line-height:24px; margin-left:5px;}

.ny_news_list{ width:860px; margin:5px auto auto;}
.ny_news_list td{ border:1px solid #ccc}
.ny_news_list li{ float:left; width:200px; height:120px; margin:auto 25px 45px; display:inline;}
.ny_news_list li a img{ width:200px; height:120px;}
.ny_news_list li a:hover h4{ color:#0088cc; text-decoration:underline;}
.ny_news_list li a span{ color:#999; font-size:12px;}
.ny_news_list li a h4{ color:#666; font-size:14px; line-height:20px}


a.job_a{ display:block; width:100px; height:28px; background:#aaa; text-align:center; line-height:30px; font-size:14px; color:#fff;}
a:hover.job_a{ display:block; width:100px; height:28px; background:#0088cc; text-align:center; line-height:30px; font-size:14px; color:#fff;}


.teamn{ width:975px; height:auto; margin:0 auto}
.teamn ul li{ width:314px; height:232px; float:left; margin-left:5px; margin-right:6px; margin-bottom:27px; position:relative; overflow:hidden}
.teamn ul li a{ display:block; width:314px; height:232px;}
.teamn ul li .xian{ width:100%; height:5px; display:block; background:#c7c7c7; left:0; bottom:0; z-index:8}
.teamn ul li .xian i{ position:absolute; left:0; bottom:0; width:0; height:5px; background:#01a2ea; display:block}
.teamn ul li .name{ width:314px; height:37px; color:#808080; line-height:37px;}
.teamn ul li .name p{ width:230px; height:37px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; float:left}
.teamn ul li .name .more{ float:right; display:block; height:37px; width:75px; text-align:right;}
.teamn ul li img{ width:314px; height:190px; display:block;}
.teamn ul li:hover .name{ color:#01a2ea}

.protypes{ width:1240px; height:auto; margin:35px auto;}
.protypes dl{ width:598px; height:213px; float:left; margin-left:10px; margin-right:10px; margin-bottom:30px; overflow:hidden; box-shadow:3px 3px 3px #edecec; border:1px solid #e7e6e6;}
.protypes dl dt{ width:271px; height:184px; float:left; margin-left:9px; margin-top:15px;}
.protypes dl dt img{width:271px; height:184px;}
.protypes dl dd{ width:295px; height:184px; float:right; margin-top:15px; margin-right:13px; overflow:hidden}
.protypes dl dd .name{ height:26px; line-height:26px; width:295px;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; padding-top:8px; color:#2a71a2; font-size:16px;}
.protypes dl dd .memo{ width:295px; height:60px; line-height:20px;  color:#999999; padding-top:7px;}
.protypes dl dd .more{ height:20px; line-height:20px; padding-top:16px; color:#2a71a2; font-size:14px;}